.carousel {
            /*max-width: 800px;*/
            margin: 0 auto;
            display: flex;
            justify-content: center;
        }
        #imagen {
            width: 40%;
            height: 550px;
            background-size: cover;
            justify-content: center;
        }
        .controles {
          justify-content: center;
        }
        .justify-content-center {
          display: flex;
          align-items: center;
          justify-content: center;
          min-height: 15vh;
          margin: 0 auto !important;
        }

        @media (max-width: 768px) {
          #imagen {
            width: 100%;
            height: 550px;
            background-size: cover;
            justify-content: center;
          }
        }